<!-- 田盈安 -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <title> - 若维俱乐部 </title>
    <meta name='keywords' content=''>
    <meta name='description' content=''>
    <link rel="stylesheet" href="css/bloggerlist.css">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style>

    </style>
</head>
<body>
<!-- 引入头部 开始 只有开服务器才可以看到效果，否则会提示无法引入本地js -->
<div id="headerPage"></div>
<!-- 引入头部 结束 -->

<!-- 内容 开始 -->
<div class="content">
    <!-- 去掉左边的空白 开始 -->
    <div class="lists">
        <!-- 左侧 开始 -->

        <div class="clearfix">
            <div class="column column-left fl ">
                <div class="img">
                    <img src="images/博客列表1.jpg" onclick="window.location.href='#'">
                    <img src="images/博客列表2.jpg" onclick="window.location.href='#'">
                    <img src="images/博客列表4.jpg" onclick="window.location.href='#'">
                    <img src="images/博客列表5.jpg" onclick="window.location.href='#'">
                </div>
            </div>
        </div>

        <!--
            描述：博客列表开始
        -->
        <div class="clearfix">
            <div class=" panel panel-default ">
                <div class="panel-body">

                    <div class="title">
                        博客
                    </div>

                    <div class="borders"></div>
                    <div class="text">
                        <p>
                            博客简介
                        <div class="panel-sp-l">
                            作者：
                        </div>
                        <div class="panel-sp-r">
                            <button style="width: 100px;height: 30px;color: #F8F8F8;background-color:#0099FF;border-style: inset;border-radius: 5px;border: 1px solid;">
                                查看详情
                            </button>
                            <a href="javascript:Report();" class="btn btn-danger btn-sm" role="button">举报</a>
                            <a href="javascript:Likes();" class="btn btn-info btn-sm" role="button">点赞</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-body">

                    <div class="title">
                        博客
                    </div>

                    <div class="borders"></div>
                    <div class="text">
                        <p>
                            博客简介
                        <div class="panel-sp-l">
                            作者：
                        </div>
                        <div class="panel-sp-r">
                            <button style="width: 100px;height: 30px;color: #F8F8F8;background-color:#0099FF;border-style: inset;border-radius: 5px;border: 1px solid;">
                                查看详情
                            </button>
                            <a href="javascript:Report();" class="btn btn-danger btn-sm" role="button">举报</a>
                            <a href="javascript:Likes();" class="btn btn-info btn-sm" role="button">点赞</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<!--

    描述：博客列表结束
-->
</div>
<!-- 列表 行 结束 -->

</div>
<!-- 左侧 结束 -->


</div>
<!-- 去掉左边的空白 开始 -->
</div>
<!-- 内容 结束 -->

<div id="footerPage"></div>
</body>

<script src="js/jquery.js"></script>
<script src="js/hearder.js"></script>
<script>
    function Likes(){
        if(confirm("点赞成功")){
            $("#submitForm").attr("action", "" ).submit();
        }
    }</script>

<script>
    function Report(){
        if(confirm("您确定要举报吗？")){
            $("#submitForm").attr("action", "" ).submit();
        }
    }</script>
<script>
    $(function () {
        $('#headerPage').load('header.html');
        $('#footerPage').load('footer.html');
    })
</script>

</html>